.box-item {
  &-text {
    font-size: 56px;
    color: #595d62;
    line-height: 48px;
    font-family: DINCondensed-Bold;
    &-suffix {
      font-size: 26px;
      margin-left: 8px;
    }
  }
  &-link {
    padding: 5px 0;
    font-size: 0;
  }
  &-link a {
    display: block;
    margin: 0 auto;
    width: 110px;
    font-size: 26px;
    color: #7d8082;
    line-height: 26px;
  }
  &.data-empty {
    .box-item-text,
    .box-item-link a {
      // color: #BFC0C1;
    }
  }
}
.box-container {
  padding-top: 28px;
  padding-bottom: 20px;
  .box-item {
    margin: 20px 0;
  }
  &:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }

  &.lineCamp {
    .box-item {
      padding-bottom: 4px;
    }
    .box-item-link a {
      height: 52px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
}
